<ion-app>
    <ion-menu side="start">
        <ion-header>
            <ion-toolbar color="primary">
                <ion-title>Left Menu</ion-title>
            </ion-toolbar>
        </ion-header>
        <ion-content>
            <ion-list>
                <ion-item (click)="onLogin()">
                    <ion-avatar>
                        <img [src]="headUrl">
                    </ion-avatar>
                    <ion-label class="user-name">{{userName}}</ion-label>
                </ion-item>
                <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages">
                    <ion-item [routerLink]="[p.url]">
                        <ion-icon slot="start" [name]="p.icon"></ion-icon>
                        <ion-label>
                            {{p.title}}
                        </ion-label>
                    </ion-item>
                </ion-menu-toggle>
            </ion-list>
        </ion-content>
    </ion-menu>
    <!-- <ion-menu side="end">
        <ion-header>
            <ion-toolbar>
                <ion-title>Hola</ion-title>
            </ion-toolbar>
        </ion-header>

        <ion-content padding>
            hola macho
        </ion-content>
    </ion-menu> -->
    <ion-router-outlet main> </ion-router-outlet>
</ion-app>